<template>
    <div class="container">
        <div class="header">
           <headerCom/>
            <!-- <router-view name="headerCom"></router-view> -->
        </div>
        <router-view name="headerCom"></router-view>
    </div>
</template>

<script setup lang="ts">
import { ref, reactive, onMounted } from 'vue';
import { getKindFn } from '@/API/kind';
import headerCom from '@/components/header/headerCom.vue';

const value = ref('')
const kindlisten = ref()
const activeName = ref('b');


const state = [
    { titles: '选城市', icon: 'iconfont icon-weizhi1' },
    { titles: '看游记', icon: 'iconfont icon-hanglixiang' },
    { titles: '必读榜', icon: 'iconfont icon-pol' },
    { titles: '选酒店', icon: 'iconfont icon-jiudian' },
    { titles: '找攻略', icon: 'iconfont icon-gonglve' }
]

onMounted(() => {
    // getKindFn({

    // }).then(res => {
    //     console.log(res.data.kinds)
    //     kindlisten.value = res.data.kinds
    // })
})
</script>


<style lang="scss" scoped>

.header{
    height: 0.44rem;
    // background-color: blue;
    display: flex;
    align-items: center;
}
.title_header{
    display: flex;
    justify-content: space-around;

    li{
       width: 1rem;
    }
}
.recommend {

    background-color: red;
}
</style>
